<!DOCTYPE html>
<html>
<head>
	<title>借阅管理</title>
	<base href="http://localhost/">
	<link rel="stylesheet" type="text/css" href="layui/css/layui.css">
	<script type="text/javascript" src="layui/layui.js"></script>
	<style type="text/css">
		.rounds{
			width: 150px;
			height:150px;
			background:red;
			border-radius:50%;
		}
		.layui-container{
			width: 1300px;
		}
	</style>
</head>
<body>
	<div class="layui-container">

		<div style="margin-top: 10px;">
			<hr class="layui-bg-green">
			<form class="layui-form" action="index.php/Books/borrow_user" method="POST">
				<div class="layui-form-item">
				    <label class="layui-form-label" style="background: #009688;color:white;">借阅人：</label>
				    <div class="layui-input-inline">
				      <input type="text" name="name" id="queryname" placeholder="请输入借阅人姓名" autocomplete="off" class="layui-input">
				    </div>
				    <label class="layui-form-label" style="background: #009688;color:white;">图书编号：</label>
				    <div class="layui-input-inline">
				      <input type="text" name="booksid" placeholder="请输入图书编号" autocomplete="off" class="layui-input">
				    </div>
				</div>	
				<div class="layui-form-item">
				    <label class="layui-form-label" style="background: #009688;color:white;">借阅时间：</label>
				    <div class="layui-input-inline">
				      <input type="text" name="booksid" placeholder="请输入借阅时间" autocomplete="off" class="layui-input">
				    </div>
				    <label class="layui-form-label" style="background: #009688;color:white;">借阅时长：</label>
				    <div class="layui-input-inline">
				      <input type="text" name="booksid" placeholder="请输入借阅时长" autocomplete="off" class="layui-input">
				    </div>
				    <button class="layui-btn">查询</button>
				</div>	
			</form>

			<table class="layui-table">
				<thead>
				<tr>
					<th>ID</th>
					<th>用户名</th>
					<th>角色</th>
					<th>信用</th>
					<th>可借阅图书</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<!-- <th><?= $data['id']?></th>
					<th><?= $data['username']?></th>
					<th><?= $data['username']?></th> -->
				</tr>
			</tbody>
			</table>
		</div>
		
	</div>

<script>
//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
layui.use('element', function(){
  var element = layui.element;
  
  //…
});

</script>  
</body>
</html>